<template>
    <view class="body-view">
        <!--导航和状态栏-->
        <view class="state-navigation">
            <view class="slim_header_navigation d-flex a-center j-center">
                <view class="left_box" @tap="goBack">
                    <image src="/static/center/back.png" class="back"></image>
                </view>
                <view class="title">声明与文献</view>
                <view class="right_box">
                    <!-- <image src="/static/center/dian.png" class="dian"></image> -->
                </view>
            </view>
        </view>
        <!-- 顶部位置占位 -->
        <view style="height: calc(100rpx + var(--status-bar-height))"></view>
        <view class="statement">
            <view class="shengming">
                <view class="desp">用户使用本APP客户端所提供的信息，在做出决策之前，应先咨询医生意见。若对信息内容理解有误，而对自身情况判断错误，由用户自行承担后果。</view>
            </view>


            <view class="wenxian">
                <view class="row" style="margin-top: 20rpx">
                <text style="font-size:26rpx;color:#333;">本软件所用的专有名词、数据及观点来源于文献:</text>
            </view>

            <view class="row" style="margin-top: 20rpx">
                <view class="desp">
                    <text class="text1">
                        [1]《身体状况：人体测量的使用和解释》，世界卫生组织，(1995)，WHO技术报告系列854。
                    </text>
                </view>

                <view
                    class="link"
                    @tap="
                        openLink(
                            'https://www.who.int/publications/i/item/9241208546'
                        )
                    "
                >
                    <text class="text2">
                        https://www.who.int/publications/i/item/9241208546
                    </text>
                </view>
            </view>
            <view class="row">
                <view class="desp">
                    <text class="text1">[2]《中国肥胖预防和控制蓝皮书》</text>
                </view>
                <view
                    class="link"
                    @tap="
                        openLink(
                            'https://www.cnsoc.org/bookpublica/751910201.html'
                        )
                    "
                    >
                    <text class="text2">https://www.cnsoc.org/bookpublica/751910201.html</text>
                </view
                >
            </view>
            <view class="row">
                <view class="desp"
                    >
                    <text class="text1">[3]《中国居民膳食指南（2022）》</text>
                </view>
                <view
                    class="link"
                    @tap="
                        openLink(
                            'https://www.cnsoc.org/bookpublica/0522202019.html'
                        )
                    "
                    >
                    <text class="text2">https://www.cnsoc.org/bookpublica/0522202019.html</text>    
                </view
                >
            </view>

            <view class="row">
                <view class="desp"
                    >
                    <text class="text1">
                        [4]《中国营养科学全书(2019年)》
                    </text>
                </view>
                <view
                    class="link"
                    @tap="
                        openLink(
                            'https://www.cnsoc.org/bookpublica/111901200.html'
                        )
                    "
                    >
                    <text class="text2">
                        https://www.cnsoc.org/bookpublica/111901200.html
                    </text>
                </view>
            </view>

            </view>

        </view>
        <!--
		<view class="bottom-button w-center d-flex a-center j-center">退出登录</view>
		-->
    </view>
</template>

<script setup lang="tsx" name="setUp">
import { ref } from "vue";
import { onReady, onShow, onHide, onLoad } from "@dcloudio/uni-app";
import { checkUpdate,loginOut } from "@/api/api";
import { userData as userDataStore } from "@/store/userData";
import { config as configStore } from "@/store/config";
import { imStore } from "@/store/imStore";
import { showLoading, closeLoading, wait } from "@/utils/utils";
import { getAppVersion, getPlatform } from "@/utils/utils";
import { loginOut as imLoginOut } from "@/hooks/imLogin";
import { ver } from "@/store/ver";
const VER = ver();
const userData = userDataStore();

const openLink = (link: string) => {
    uni.navigateTo({
        url: `/pages/webview/webview?url=${encodeURI(link)}`,
    });
};

onLoad(() => {
});
</script>

<style lang="scss" scoped>
.statement{
    overflow: hidden;
    .shengming{
        width:710rpx;
        margin:0 auto;
        padding:20rpx;
        background:#fff;
        border-radius: 20rpx;
        margin-top:20rpx;
        .desp{
            color:#666;
            font-size:26rpx;
            line-height:40rpx;
        }
    }

    .wenxian{
        width:710rpx;
        margin:0 auto;
        padding:20rpx;
        background:#fff;
        border-radius: 20rpx;
        margin-top:20rpx;
        .row {
        width: 650rpx;
        display: block;
        text-align: left;
        padding: 0 20rpx;
        .text1{
            width:610rpx;
            color: #666;
            font-size: 26rpx;
            white-space: wrap;


        }
        .text2{
            width:610rpx;
            color: #566c94;
            font-size: 26rpx;
            white-space: wrap;

        }
        .desp {
            width: 610rpx;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
            color: #666;
        }
        .link {
            width: 610rpx;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
            color: #566c94;
        }
    }
    }
}

</style>
